@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');

@font-face{font-family: 'Noto Sans KR', sans-serif;}
@font-face {font-family: 'TTY'; 
src: url('TTY.eot'); 
src: /* url('TTY.eot?#iefix') format('embedded-opentype'), */ 
url('TTY.woff') format('woff');
}
/*@font-face{font-family:ng; src:url('nanum.otf'); src:local('※'), url('nanum.woff') format('woff')}*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font-family: 'Noto Sans KR';
 vertical-align: baseline;
 text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 line-height: 1;
 font-family: 'Noto Sans KR'; 
 height: 100%;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
caption{position:absolute; left:-3000%;}
input{font-family: 'Noto Sans KR'; transition:all 1s ease;}

li { list-style: none outside none; }

a { text-decoration:none; color:#666; transition:all 0.5s ease;}
a:hover { text-decoration:none; color:#222;}
button{transition:all 0.5s ease; border: none; background: none;}

/* common */
.text_l {text-align:left !important; }
.text_r, .right {text-align:right !important; }
.text_c {text-align:center !important; }
.cb { clear:both; }
.fl{float: left;}
.fr{float: right;}
.org, .red{ color: #ed561a;}
.dark{ color: #222;}
.input, .inputwrite, .readOnlyClass, .inputtext{ font-size: 1em; border-radius: 3px; border: 1px solid #dedede; line-height: 1.6em; padding: 3px 5px;}
.input:hover, .input:focus, .inputwrite:hover, .inputwrite:focus, .inputtext:hover, .inputtext:focus{ border: 1px solid #2287eb; box-shadow: 0 0 3px #2287eb;}
.oh{ overflow: hidden;}
.f11{ font-size: 0.9em; font-weight: 300; color: #666;}
.c2{ color: #222;}
.dno{ display:none;}
.list_dot li strong.red{ color:#f13d1a;}

/* select */
select {
    padding: 5px 20px 5px 10px; 
    font-family: inherit; 
    background: #fff url(../images/selectbox_arrow.png) no-repeat right 50%; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #bebebe;
    cursor: pointer;
    color: #444;
    font-family: 'Noto Sans KR', sans-serif; 
    font-size: 1em;
    font-weight: 300;
    border-radius: 3px;
    text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
}
select:hover, select:focus{ color: #222;}
select::-ms-expand {
    display: none; 
}

/* skip */
.skip{ position: absolute; z-index: 10000; }
.skip dl { position: relative; }
.skip dl dt { display: none; }
.skip dl dd a{position: absolute; top:-300px; left: 0;  line-height: 30px; text-align: center; width: 300px; background: #000; color: #fff; display: block; font-size: 1em; }
.skip dl dd a:FOCUS {top:0; left: 0; }

button{ border: none; cursor: pointer;}
address{ font-style: normal;}


html, body {
max-width: 100%;
overflow-x: hidden;
}

/*fontsize*/
.em13{font-size: 1.3em !important;}
.em12{font-size: 1.2em !important;}
.em11{font-size: 1.1em !important;}
.em10{font-size: 1em !important;}
.em09{font-size: 0.9em !important;}
.em08{font-size: 0.8em !important;}
.em07{font-size: 0.7em !important;}
.em06{font-size: 0.6em !important;}
.em05{font-size: 0.5em !important;}